extends _system
block content
	div.modal.fade#edit_modal(tabindex="-1" role="dialog" aria-labelledby="edit_modal" aria-hidden="true")
		div.modal-dialog.modal-lg
			div.modal-content
				div.modal-header
					button.close(type="button" data-dismiss="modal" aria-label="Close")
						span(ria-hidden="true") &times;
					h4.modal-title#edit_modal 服务员信息
				div.modal-body
					form
						input.id(type="hidden", name="id")
						.form-group
							label 电话：
								input.form-control.phone(type="text", name="phone")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 姓名：
								input.form-control.name(type="text", name="name")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 性别：
							each sex in sexs
								div.radio
									label
										input.sex(type="radio", value="#{sex}", name="sex")
										| #{sex}
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 身份证号码：
								input.form-control.idNum(type="text", name="idNum")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 密码：
								input.form-control.password(type="password", name="password")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 银行帐号：
								input.form-control.bankId(type="text", name="bankId")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 开户银行名称：
								input.form-control.bankName(type="text", name="bankName")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 银行开户人：
								input.form-control.bankPerson(type="text", name="bankPerson")
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 个人照片：
								div.thumbnail
									img.photo(style="width:200px;")
							input.photo(type="hidden", name="photo")
							input.photoFile(type="file", input="photo", name="file", accept="image/gif,image/jpeg,image/pjpeg,image/png")
							div.progress.photo(hidden='hidden')
								div.progress-bar.progress-bar-striped.active(role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100")
									span.sr-only
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 身份证正面照片：
								div.thumbnail
									img.idCardFront(style="width:200px;")
							input.idCardFront(type="hidden", name="idCardFront")
							input.idCardFrontFile(type="file", input="idCardFront", name="file", accept="image/gif,image/jpeg,image/pjpeg,image/png")
							div.progress.idCardFront(hidden='hidden')
								div.progress-bar.progress-bar-striped.active(role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100")
									span.sr-only
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 身份证背面照片：
								div.thumbnail
									img.idCardBack(style="width:200px;")
							input.idCardBack(type="hidden", name="idCardBack")
							input.idCardBackFile(type="file", input="idCardBack", name="file", accept="image/gif,image/jpeg,image/pjpeg,image/png")
							div.progress.idCardBack(hidden='hidden')
								div.progress-bar.progress-bar-striped.active(role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100")
									span.sr-only
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 工种：
							each trades in config.trades
								div.checkbox
									label
										input.trades(type="checkbox", value="#{trades.name}", name="trades")
										| #{trades.name}
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 籍贯：
								select.hometown.form-control
									each hometown in config.provinces
										option(value="#{hometown}")= hometown
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 年龄范围：
								select.ageLevel.form-control
									each ageLevel in config.ageLevel
										option(value="#{ageLevel}")= ageLevel
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 经验：
								select.empiricLevel.form-control
									each empiricLevel in config.empiricLevel
										option(value="#{empiricLevel}")= empiricLevel
							div.alert.alert-danger(role="alert", hidden="hidden")
						.form-group
							label 学历：
								select.eduLevel.form-control
									each eduLevel in config.eduLevel
										option(value="#{eduLevel}")= eduLevel
							div.alert.alert-danger(role="alert", hidden="hidden")
				div.modal-footer
					button.btn.btn-default(data-dismiss="modal") 取消
					button.btn.btn-primary#save_btn 保存
	div.col-sm-9.col-sm-offset-3.col-md-10.col-md-offset-2.main#config
		h1.page-header #{title}
			div.btn-group.float-right(role="group")
				button.btn.btn-default.float-right(type="button" data-toggle="collapse" data-target="#filter_form" aria-expanded="false" aria-controls="collapseExample")
					span.glyphicon.glyphicon-filter(aria-hidden="true")
				button.reset-btn.btn.btn-default.float-right.search-btn(type="button")
					span.glyphicon.glyphicon-search(aria-hidden="true")
				button.save-btn.btn.btn-primary.create-btn(type="button")
					span.glyphicon.glyphicon-plus(aria-hidden="true")
		div.content
			div.panel
				div.collapse#filter_form
					form.search-form
						input.skip(type="hidden", name="skip")
						input.limit(type="hidden", name="limit")
						.form-group
							label 电话：
								input.form-control.phone(type="text", name="phone")
						.form-group
							label 姓名：
								input.form-control.name(type="text", name="name")
						.form-group
							label 审核：
							label
								input.approvals(type="radio", value="true", name="approvals")
								| 是
								input.approvals(type="radio", value="false", name="approvals")
								| 否
						.form-group
							label 性别：
								each sex in sexs
									label
										input.sexs(type="checkbox", value="#{sex}", name="sexs")
										| #{sex}
						.form-group
							label 身份证：
								input.form-control.name(type="text", name="idNum")
						.form-group
							label 银行帐号：
								input.form-control.bankId(type="text", name="bankId")
						.form-group
							label 开户银行名称：
								input.form-control.bankName(type="text", name="bankName")
						.form-group
							label 银行开户人：
								input.form-control.bankPerson(type="text", name="bankPerson")
						.form-group
							label 工种：
							each trades in config.trades
									label
										input.trades(type="checkbox", value="#{trades.name}", name="trades")
										| #{trades.name}
						.form-group
							label 籍贯：
							each hometown in config.provinces
									label
										input.hometown(type="checkbox", value="#{hometown}", name="hometown")
										| #{hometown}
						.form-group
							label 年龄范围：
							each ageLevel in config.ageLevel
									label
										input.ageLevel(type="checkbox", value="#{ageLevel}", name="ageLevel")
										| #{ageLevel}
						.form-group
							label 经验：
							each empiricLevel in config.empiricLevel
									label
										input.empiricLevel(type="checkbox", value="#{empiricLevel}", name="empiricLevel")
										| #{empiricLevel}
						.form-group
							label 学历：
							each eduLevel in config.eduLevel
									label
										input.eduLevel(type="checkbox", value="#{eduLevel}", name="eduLevel")
										| #{eduLevel}
		nav
			ul.pager
				li.previous
					a(href="#")
						span &laquo;
				li
					span.page
				li.next
					a(href="#")
						span &raquo;
		table.table.table-bordered.table-hover
			thead
				tr
					th 电话
					th 姓名
					th 工种
					th 操作
			tbody.list
	iframe#photoFrame.hidden-frame(name="photoFrame", input="photo", src="about:blank", hidden="hidden")
	iframe#idCardFrontFrame.hidden-frame(name="idCardFrontFrame", input="idCardFront", src="about:blank", hidden="hidden")
	iframe#idCardBackFrame.hidden-frame(name="idCardBackFrame", input="idCardBack", src="about:blank", hidden="hidden")
	script(type="text/javascript", src="/js/system/master.js")
